/*******************************************************************************
 * Copyright © 2017-2018 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 * @version: 0.1.0
 *******************************************************************************/
@charset "UTF-8";

:root {
  --main-black-color:#24292e;//黑色
  --main-green-color:#339933;//绿色
  --main-hover-color:hsla(0,0%,100%,.75);
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*滚动条 start *//* srcoll bar*/
::-webkit-scrollbar {
  /*width: 10px;
  height: 4px;*/
  width: 12px;
  height: 12px;
  background-color: #DCDCDC!important;
}

/*定义滚动条轨道 内阴影+圆角*//* srcoll bar*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background: #fff ;
}

/*定义滑块 内阴影+圆角*//* srcoll bar*/
::-webkit-scrollbar-thumb {
  /*border-radius: 3px;*/
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color:rgba(220,220,220, 0.7);
}
/* srcoll bar*/
::-webkit-scrollbar-thumb:hover {
  /*border-radius: 3px;*/
  border-radius: 6px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color:rgba(220,220,220, 1);
}

.main_shelter {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right:0;
	z-index: 2;
	opacity:0.2;
	background-color: #339933;
}

.main_msgbox {
	position: fixed;
	width: 400px;
	right: -400px;
	top: 60px;
	bottom: 0;
	z-index: 999;
	background-color:white;
	/* opacity:0.3; */
	border-left: 1px solid #339933;
}

.headbar {
	position: fixed;
	height: 60px;
	background-color: #4d394b;
	top:0;
	left:0;
	right:0;
	z-index: 990;
	/* border: 1px solid red; *//* debugger */
}

.headbar ul li {
	list-style: none;
	display: inline-block;
}

.headbar ul {
	  position: absolute;
      top: 50%;
      right:0;
      left:0;
      transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz--transform: translateY(-50%);
}

.headbar li.title {
	font-weight: bold;
	font-size: medium;
	color: white;
}

.headbar li.user , li.notification , li.logout{
	margin-right:20px;
	float: right;
	right:10px;
	color: white;
}

.headbar li.notification:hover , li.user:hover , li.logout:hover {
	color: gray;
}

.headbar li.title > span.version {
	font-weight: normal;
	font-size: normal;
	color: white;
}

.sidebar {
	position: fixed;
	width: 200px;
	top: 60px;
	bottom: 0;
	left: 0;
	/*border-right: 3px solid #339933;*/
	z-index: 990;
	/*background-color: rgba(51, 153, 51, 0.2);*/
	/* border: 1px solid red; *//* debugger */
  /*background-color: #dff0d8;*/
  /*background-color: #4d394b;*/
  background-color: black;

}

.sidebar li {
  color: white;
}

.sidebar div.first_level ul {
  padding: 0;
}
.sidebar div.first_level > ul > li {
	list-style: none;
	font-weight: bold;
	margin: 7px 0 0 0;
	padding: 2px 0 2px 0;
}

.sidebar div.second_level ul {
  padding: 0;
}
.sidebar div.second_level > ul > li {
	list-style: none;
	font-weight: bold;
	margin: 7px 0 0 0;
	padding: 2px 0 2px 0;
}

.sidebar li > i {
	margin: 0 2px 0 0;
}

.sidebar div.first_level ul li {
  text-indent: 10px;
}

.sidebar div.second_level ul li {
  text-indent: 30%;
}
.sidebar div  ul  li:hover {
  color: rgb(51, 153, 51);
  background-color:rgba(51, 153, 51, 0.4) !important;
	cursor:default;
}

.center {
  position: absolute;
  top:60px;
  left:200px;
  bottom: 0;
  right: 0;
	/*margin-top:60px;
	margin-left:200px;
	margin-bottom:0;*/
	padding: 0 10px;
	padding-top: 10px;
	z-index: 0;
	max-width: 100%;
	height: auto;
	/*overflow: visible;*/
	overflow-x: hidden;
	/* border: 1px solid red; */ /* debugger */
}
.nav-tabs a,
.nav-tabs a:hover {
  /*#;*/
  /*background-color: #d6e9c6;*/

}

.nav-tabs li.active a{
  /*#;*/
  background-color: #d6e9c6!important;

}
.nav-tabs li a {
  border: 1px solid #d6e9c6;
}

.nav-tabs li:hover button{
    display: inline!important;
}

.nav-tabs button{
    outline:none!important;
}
